<!DOCTYPE HTML>
<html>
	<head>

	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>SAPH</title>

	<link href="styles/style.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="styles/base.css" rel="stylesheet" type="text/css" media="screen" />


	<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
        
        <script src="scripts/simpleFacebookGraph.js"></script>
        
	<script type="text/javascript" src="scripts/jquery.pikachoose.js"></script>
	<script type="text/javascript">
				$(document).ready(function() {
				$("#pikame").PikaChoose();	});
                            
        </script>
        
        <script>
            
// Cuando la pagina carga miramos si ya hay un usuario identificado.
fb.ready(function(){ 
  if (fb.logged)
  {
    // Cambiamos el link de identificarse por el nombre y la foto del usuario.
    html = "<p>Hola " + fb.user.name + "</p>";
    html += '<p><img src="' + fb.user.picture + '"/></p>';
    html += '<p><a href="#" onclick="fb.logout(); return false;">Salir</a></p>';
    document.getElementById("conectar_facebook").innerHTML = html;
  }
});


// Funcion para logarse con Facebook.
function login() {
  fb.login(function(){ 
    if (fb.logged) {
      // Cambiamos el link de identificarse por el nombre y la foto del usuario.
      html = "<p>Hola " + fb.user.name + "</p>";
      html += "<p><img src='" + fb.user.picture + "'/></p>";
      document.getElementById("conectar_facebook").innerHTML = html;
    } else {
      alert("No se pudo identificar al usuario");
    }
  })
};

// Funcion para publicar un mensaje en tu muro
var publish = function () {
    fb.publish({
      message : "probando integracion Fb",
      picture : "http://blog.ikhuerta.com/wp-content/themes/ikhuerta3/images/ikhuerta.jpg",
      link : "leoalvarez_29@hotmail.com",
      name : "Simple Facebook Graph Javascript SDK",
      description : "--"
    },function(published){ 
      if (published)
       alert("publicado!");
      else
       alert("No publicado :(, seguramente porque no estas identificado o no diste permisos");
    });  
}
	</script>


	</head>


	<body>

    <div id="container">
      <header><jsp:directive.include file="headerlogin.html"  /></header> 


  <div class="wrapper">

    <div class="border"></div>

    <article class="menu">
        
         <jsp:directive.include file="camaraweb.jsp"  /> 

    </article>
    
    
  <aside class="sidebar">
        
        <jsp:directive.include file="opciones_usuario.html"  />
        
    </aside>

    
    
    <div class="border2"></div>
    <br>
  </div>


  <footer>
    <div class="border"></div>
    <div class="footer-widget">
      
    </div>

    <div class="footer-widget">
      
    </div>

</div>
</body>
</html>
